/* eslint-disable */

import React from 'react';
import { Svg, Path } from 'react-native-svg';
import { getIconColor } from './helper';

let IconPause = ({ size, color, ...rest }) => {
  return (
    <Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
      <Path
        d="M802.74868148 12.63729778h-71.10314667c-39.28291555 0-71.10883555 31.83957333-71.10883556 71.12362667v853.27416888c0 39.28291555 31.82819555 71.10314667 71.10883556 71.10314667h71.10314667c39.27153778 0 71.11338667-31.82136889 71.11338667-71.10314667v-853.27985778c-0.00113778-39.28064-31.83957333-71.12135111-71.11338667-71.1213511z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <Path
        d="M305.00958815 12.63729778h-71.11338667c-39.28291555 0-71.10883555 31.83957333-71.10883556 71.12362667v853.27416888c0 39.28291555 31.82819555 71.10314667 71.10883556 71.10314667h71.11338667c39.25902222 0 71.10314667-31.82136889 71.10314666-71.10314667v-853.27985778c-0.00113778-39.28064-31.83957333-71.12135111-71.10314666-71.1213511z"
        fill={getIconColor(color, 1, '#333333')}
      />
    </Svg>
  );
};

IconPause.defaultProps = {
  size: 18,
};

IconPause = React.memo ? React.memo(IconPause) : IconPause;

export default IconPause;
